<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>浮动Bug问题</title>
        <link rel="stylesheet" href="css/浮动Bug.css" />
    </head>
    <body>
        <!-- 浮动  元素一旦浮动起来，页面有元素之间嵌套形成 
        float属性一定会浮动Bug，主要Bug两个
        1.浮动塌陷
        2.浮动卡动
        -->
        <div id="father">
            <div class="d1">1</div>
            <div class="d2">2</div>
            <div class="d3">3</div>
            <div class="d4">4</div>
            <div class="d5">5</div>
        </div>
    </body>
</html>